草庐IT

MIPS 指令

全部标签

javascript - 用于附加侧边栏的 Angular 指令

我正在尝试根据我的主要内容添加侧边栏。我在这里尝试过指令。虽然我成功地使用了顶部词缀,即向下滚动时它可以工作并坚持到顶部,但它无法滚动以防我的侧边栏内容更长。我想将其固定在顶部并根据主要内容将其移动为可滚动。但如果它的内容比屏幕多,它也应该向下滚动并同时固定在底部。Mysidebarcontenthere.directive('sidebarAffix',function($window){return{restrict:'EA',link:function(scope,element,attrs){varoriginOffsetTop=element[0].offsetTop;sco

javascript - 从指令包装源元素的更好方法?

我正在编写一个指令(使用AngularJS1.2.0-rc2,如果这很重要)添加一个“清除”按钮(想想浏览器为元素添加的“x”按钮)到。由于“清除”按钮是从指令中注入(inject)的并且是绝对定位的,所以我想在具有的包装元素中同时包含现有的position:relative和新添加的“清除”按钮,以确保正确定位“清除”按钮。声明的HTML如下所示:我目前的指令:angular.module('myApp',[]).directive('search',function(){varclear=angular.element('×'),wrapper=angular.elem

javascript - 从指令包装源元素的更好方法?

我正在编写一个指令(使用AngularJS1.2.0-rc2,如果这很重要)添加一个“清除”按钮(想想浏览器为元素添加的“x”按钮)到。由于“清除”按钮是从指令中注入(inject)的并且是绝对定位的,所以我想在具有的包装元素中同时包含现有的position:relative和新添加的“清除”按钮,以确保正确定位“清除”按钮。声明的HTML如下所示:我目前的指令:angular.module('myApp',[]).directive('search',function(){varclear=angular.element('×'),wrapper=angular.elem

javascript - 为什么ng-class在 Angular Directive(指令)中被多次调用?

这个问题在这里已经有了答案:HowdoesdatabindingworkinAngularJS?(14个答案)关闭8年前。我不知道为什么要调用几次。angular.module('HelloApp',[]).directive('testDirective',function(){return{restrict:'E',replacement:true,template:'TestDirective',link:function(scope,element,attrs){console.log('link');varcnt=0;scope.test=function(){cnt+=1;

javascript - 为什么ng-class在 Angular Directive(指令)中被多次调用?

这个问题在这里已经有了答案:HowdoesdatabindingworkinAngularJS?(14个答案)关闭8年前。我不知道为什么要调用几次。angular.module('HelloApp',[]).directive('testDirective',function(){return{restrict:'E',replacement:true,template:'TestDirective',link:function(scope,element,attrs){console.log('link');varcnt=0;scope.test=function(){cnt+=1;

javascript - 在 AngularJS 中使用指令的多个子 HTML 元素问题

我正在使用一个模板来创建一个弹出菜单,如果有新菜单,它会显示警报并且它一直有效。但我想添加手动警报,这就是为什么我想添加一个输入文本,但天哪,我不能在输入字段上写,我什至不知道为什么。输入字段有点禁用!!!我的指令是这样的:$scope.tb={x:0,y:0};module.directive('myDraggable',function($document,$interval){return{restrict:'EA',replace:true,//scope:true,scope:{menu:'=drSrc'},link:function(scope,element,attr){

javascript - 在 AngularJS 中使用指令的多个子 HTML 元素问题

我正在使用一个模板来创建一个弹出菜单,如果有新菜单,它会显示警报并且它一直有效。但我想添加手动警报,这就是为什么我想添加一个输入文本,但天哪,我不能在输入字段上写,我什至不知道为什么。输入字段有点禁用!!!我的指令是这样的:$scope.tb={x:0,y:0};module.directive('myDraggable',function($document,$interval){return{restrict:'EA',replace:true,//scope:true,scope:{menu:'=drSrc'},link:function(scope,element,attr){

javascript - Angular:指令与管道

创建和使用指令与创建和使用管道的参数是什么。这个问题的场景是围绕货币输入和输出。如果用户需要输入货币,为什么不创建/使用将输入解析为格式化货币字符串的指令?另一种选择是接收该字符串,并通过管道显示它,如下所示:{{currencyVal|currency}}对比//Wheremask-moneyisadirectivethatfiltersthe//inputtoaformattedcurrencystring{{currencyVal}}另一方面,可以在由输入触发的Controller/组件中使用管道来过滤值。我可以问很多关于它的问题,但我基本上想知道:每个问题的论据是什么?

javascript - Angular:指令与管道

创建和使用指令与创建和使用管道的参数是什么。这个问题的场景是围绕货币输入和输出。如果用户需要输入货币,为什么不创建/使用将输入解析为格式化货币字符串的指令?另一种选择是接收该字符串,并通过管道显示它,如下所示:{{currencyVal|currency}}对比//Wheremask-moneyisadirectivethatfiltersthe//inputtoaformattedcurrencystring{{currencyVal}}另一方面,可以在由输入触发的Controller/组件中使用管道来过滤值。我可以问很多关于它的问题,但我基本上想知道:每个问题的论据是什么?

javascript - Angular.js 上 ng-repeat 指令中的 if 语句

我正在尝试将if实现到ng-repeat指令中,但我遇到了困难。我现在可以使用的代码是:{{list[id].title}}基本上我想做的就是{{list[id].title}}当然,在第二行我得到了一个错误。对此有何建议?谢谢。 最佳答案 正如我在评论中所写,您可以使用过滤器来实现这一点。这是示例:http://jsfiddle.net/sebmade/ZfGx4/44/ng-repeat="listinlists|filter:myFilter"和过滤代码:$scope.myFilter=function(item){retur